<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
	
			li {
				list-style: none;
				line-height: 50px;
				border-bottom: 1px dashed #D4D4D4;
			}
			ul{
				width: 200px;
				border: 1px solid #D4D4D4;
				margin: 0;
				padding: 0;
				font-family: "微软雅黑";
				font-size: 16px;
			}
			.p12{
				padding: 14px;
			}
			.p11{
				color: red;
			}
		</style>
	</head>
	<body>
		<div id="toptern">
		<ul>
			<li>
				<span><strong class="p12 p11">1</strong>萤火虫小巷</span> 
			</li>
			<li>
				<span><strong class="p12 p11">2</strong>萤火虫小巷</span> 
			</li>
			<li>
				<span><strong class="p12 p11">3</strong>萤火虫小巷</span> 
			</li>
			<li>
				<span><strong class="p12">4</strong>萤火虫小巷</span> 
			</li>
			<li>
				<span><strong class="p12">5</strong>萤火虫小巷</span> 
			</li>
			
			<li>
				<span><strong class="p12">6</strong>萤火虫小巷</span> 
			</li>
			<li>
				<span><strong class="p12">7</strong>萤火虫小巷</span> 
			</li>
		</ul>
		</div>
	</body>
</html>
